<!-- 人脸管理页面 -->
<div id="management" class="page-content">
    <div class="page-header">
        <h1 class="page-title">人脸管理</h1>
        <p class="page-description">管理已入库的人脸信息，查看、编辑或删除人脸数据</p>
    </div>

    <div class="dashboard-card">
        <div class="card-header">
            <div class="card-title">
                <i class="fas fa-users"></i> 人脸库
            </div>
            <button type="button" id="allFaceBtn" class="btn btn-primary">
                <i class="fas fa-sync-alt"></i> 刷新列表
            </button>
        </div>
        
        <div class="face-grid" id="faceGrid">
            <!-- 人脸图片将在这里动态显示 -->
        </div>
        
        <!-- 删除确认对话框 -->
        <div id="deleteConfirmModal" class="modal-overlay" style="display: none;">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title">
                        <i class="fas fa-exclamation-triangle" style="color: var(--warning-color); margin-right: 8px;"></i>
                        确认删除
                    </div>
                    <button class="modal-close" onclick="closeDeleteModal()">&times;</button>
                </div>
                <div class="modal-body">
                    <p class="delete-confirm-text">
                        确定要删除人脸 <strong id="deleteFileName"></strong> 吗？
                    </p>
                    <p class="delete-confirm-warning">
                        此操作不可撤销，删除后将无法恢复。
                    </p>
                    <div class="delete-confirm-actions">
                        <button class="btn btn-outline" onclick="closeDeleteModal()">
                            <i class="fas fa-times"></i> 取消
                        </button>
                        <button class="btn btn-danger" onclick="confirmDelete()">
                            <i class="fas fa-trash"></i> 确认删除
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> 